<!-- THE FOOTER -->
<footer>
    <div class="footer_slider">
        <div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="4" data-sm-slides="8" data-md-slides="14" data-lg-slides="19" data-add-slides="19">
            <div class="swiper-wrapper">
                <div class="swiper-slide active" data-val="0">
                    <img class="img-responsive img-full" src="/frontdesk/img/f1.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="1">
                    <img class="img-responsive img-full" src="/frontdesk/img/f2.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="2">
                    <img class="img-responsive img-full" src="/frontdesk/img/f3.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="3">
                    <img class="img-responsive img-full" src="/frontdesk/img/f4.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="4">
                    <img class="img-responsive img-full" src="/frontdesk/img/f5.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="5">
                    <img class="img-responsive img-full" src="/frontdesk/img/f6.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="6">
                    <img class="img-responsive img-full" src="/frontdesk/img/f7.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="7">
                    <img class="img-responsive img-full" src="/frontdesk/img/f8.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="8">
                    <img class="img-responsive img-full" src="/frontdesk/img/f9.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="9">
                    <img class="img-responsive img-full" src="/frontdesk/img/f10.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="10">
                    <img class="img-responsive img-full" src="/frontdesk/img/f11.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="11">
                    <img class="img-responsive img-full" src="/frontdesk/img/f12.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="12">
                    <img class="img-responsive img-full" src="/frontdesk/img/f13.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="13">
                    <img class="img-responsive img-full" src="/frontdesk/img/f14.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="14">
                    <img class="img-responsive img-full" src="/frontdesk/img/f15.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="15">
                    <img class="img-responsive img-full" src="/frontdesk/img/f16.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="16">
                    <img class="img-responsive img-full" src="/frontdesk/img/f17.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="17">
                    <img class="img-responsive img-full" src="/frontdesk/img/f18.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="18">
                    <img class="img-responsive img-full" src="/frontdesk/img/f19.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="19">
                    <img class="img-responsive img-full" src="/frontdesk/img/f1.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="20">
                    <img class="img-responsive img-full" src="/frontdesk/img/f2.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="21">
                    <img class="img-responsive img-full" src="/frontdesk/img/f3.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="22">
                    <img class="img-responsive img-full" src="/frontdesk/img/f4.jpg" alt="">
                </div>
                <div class="swiper-slide" data-val="23">
                    <img class="img-responsive img-full" src="/frontdesk/img/f5.jpg" alt="">
                </div>
            </div>
            <div class="pagination hidden"></div>
        </div>
    </div>
    <div class="footer-main">
        <div class="container-fluid custom-container">
            <div class="row">
                <div class="col-md-3 col-xl-2">
                    <div class="footer-block">
                        <h1 class="footer-title">关于我们</h1>
                        <p>小窝社区是充分利用物联网、云计算、移动互联网等新一代信息技术的集成应用,涉及到智能楼宇、智能家居、路网监控、智能医院、家庭护理、个人健康与数字生活等诸多领域,为社区居民提供一个安全、舒适、便利的现代化、智慧化生活环境,从而形成基于信息化、智能化社会管理与服务的一种新的管理形态的社区。</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container-fluid custom-container">
            <div class="col-md-12 footer-end clearfix">
                <div class="left">
                    <span class="copy">© 2023. All rights <a>Reserved</a>. <span class="white"><a > xiaoShangKou</a></span></span>
                    <span class="created">Created with LOVE by <span class="white"><a > xiaoShangKou</a></span></span>
                </div>
                <div class="right">
                    <a class="btn color-7 size-2 hover-9">关于我们</a>
                    <a class="btn color-7 size-2 hover-9">帮助</a>
                    <a class="btn color-7 size-2 hover-9">隐私策略</a>
                </div>
            </div>
        </div>
    </div>
</footer>
